草庐IT

html - 动画 :hover:after

全部标签

javascript - 使用 JavaScript 动画化 CSS3 转换的值是否排除了硬件加速?

您可以通过设置动画持续时间并设置CSS3变换的初始值和最终值来利用硬件加速动画。如果不设置动画持续时间和使用关键帧,而是直接使用JavaScript为所需的CSS3转换值设置动画,会怎样?您是否仍会利用硬件加速,或者硬件加速已被排除? 最佳答案 除非您使用转换,否则它不会为webkit浏览器进行硬件加速。此外,只有3d变换被加速,因此确保元素在可用时使用3d渲染树的快速方法是添加:-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);顺便说一下,转换速度很

javascript - HTML5 视频时间更新事件未触发

我有一个我页面上的元素:在我的JS中它是这样写的:varv=$('#myVideo')[0];v.addEventListener('timeupdate',function(){alert('Ichanged');},false);现在我将启动我的控制台并输入:$('#myVideo')[0].currentTime=2;显示的框架会改变,但事件不会触发。根据规范timeupdate应该在currentTimewaschanged时触发,所以我不认为我使用了错误的事件?我正在使用的所有其他事件(即play和ended)工作正常。那里有很多类似的问题,但所有这些似乎都是过时的错误?这是

javascript - 使用 html2canvas 截取 <body> 的屏幕截图并将图像存储为 JS var

我试图让我网站上的用户按下一个按钮来截取当前屏幕的屏幕截图(正文中的所有内容)。根据我的研究,html2canvas似乎是一种使这成为可能的资源。我的问题是文档没有提供示例代码,我很难掌握所涉及的步骤。http://html2canvas.hertzen.com/documentation.html以下SO问题(Howtouploadascreenshotusinghtml2canvas?)让我有点困惑。我现在只想知道如何获取图像。来自他的代码。$(window).ready(function(){('body').html2canvas();varcanvasRecord=newht

javascript - JavaScript 中的 HTML 和 CSS 到 PDF

我知道那里有很多库,但似乎没有一个完全符合我的情况。所以我希望在这里得到一些建议...技术:我在后端使用Express.js上的Node.js,前端使用html/css/js。浏览器支持IE8及更高版本、chrome、FF和其他现代浏览器。我需要做的是:有一个“topdf”按钮供用户单击,然后将一部分DOM转换为pdf。当后端对另一个应用程序进行API调用时,动态生成这段DOM的html。CSS是静态的。除了这些,我有很大的自由做任何我想做的事,只要我不必向第三方发送明文数据等等。有什么推荐的方法吗?更新:查看wkhtmltopdf 最佳答案

javascript - 在奇数位置设置动画时在 Chrome 中抖动图像

我正在尝试创建某种掩蔽动画,其中图像从其中心显示(编辑:“中心”不一定表示实际背景图像的中心,但可见区域的中心!/edit)。到目前为止它运行良好,唯一的问题是在Chrome中(当前在Windows7x64上为24.0.1312.52m)显示的内容正在抖动。这是一个jsfiddle示例:http://jsfiddle.net/BaKTN/到目前为止,我发现可以通过不禁用background-repeat(http://jsfiddle.net/BaKTN/1/)来解决这个问题。不确定内部到底发生了什么,但这会使图像留在它所属的位置。不幸的是,这只是问题的一半,当外部容器放置在奇数坐标时

javascript - 在 html div 中呈现 ExtJS 4+ MVC 应用程序 - 如何做?

到目前为止,我找到的所有示例都解释了如何在“视口(viewport)”中呈现ExtJS(4.2)MVC应用程序,换句话说,这意味着整个浏览器屏幕,并占据整个HTML主体。我想在命名DIV中的现有HTML页面中呈现应用程序,以便我可以围绕应用程序进行HTML设计。我见过一些带有ExtJS4示例的站点,它们使用技巧通过使用IFRAME在页面中呈现ExtJS应用程序。是否可以避免使用IFRAME?并且,如果是的话,ExtJS4.2应用程序的骨架在div中呈现时应该是什么样子。注意:在ExtJS3中,我找到了解决方案,方法是创建一个面板作为主容器,在命名的div中呈现。然而,4.2版(可能还有

javascript - 使用动态源将动画保留在 ng-include 上

我有一个ng-include,它根据动态url加载内容(按预期工作)。当我尝试为内容的enter和leave设置动画时,问题就来了(根据Angular文档,这是ng-include提供的两个事件用于动画)。.my-content-area.ng-enter,.my-content-area.ng-leave{transition:all500ms;}.my-content-area.ng-enter{opacity:0;}.my-content-area.ng-enter.ng-enter-active{opacity:1;}.my-content-area.ng-leave{opac

javascript - 如果它是悬停元素的子元素,是否可以使 jQuery 仅针对悬停动画的目标 div?

好吧,我是Javascript和jQuery的初学者,所以这可能是一个非常简单的问题,但我已经尝试研究它,但找不到任何好的答案。在我的网站上:http://joeyellisdesign.com/testingspace/JE2我在我的投资组合的“工作”部分有一个滚动,我试图让它只在你将鼠标悬停在单个图像上时出现。要设置动画,我有这段代码:jQuery$(document).ready(function(){$(".project").hover(function(){$(".projectdescription").animate({top:'4px'});},function(){

javascript - Bootstrap 3 Tabs 和 HTML5 表单验证

验证隐藏选项卡上的元素的经典问题。我已经阅读了一百篇包含复杂解决方法的帖子。有没有人有更简单、更优雅的解决方案,适用于一般情况?即没有专门针对每种形式进行编码?HTML5promise提供一个优雅的解决方案。但是Tabs搞砸了......谢谢更多……?来自Bootstrap示例。如果您有标记为“必填”的字段(HTML5验证),验证将不适用于非事件(隐藏)选项卡。而且我相信其他javascript验证技术也会因制表符而失败。我希望有人有很好的通用技术来解决,不需要在每个页面上写入代码。HTML5验证非常干净-直到您添加标签...它不会提交。但它也不会报错...HomeProfileMes

javascript - jQuery 链接与动画函数的回调

假设我有一些要设置动画的元素:$('.hey').show(1000).slideUp(1000);这和有什么区别:$('.hey').show(1000,function(){$(this).slideUp(1000);});就内部发生的事情而言?据我所知,动画在jQuery中是异步的。所以第一个例子,show和slideUp应该同时触发。在第二个中,slideUp应该仅在show结束后触发。然而,出于某种原因,人们喜欢onthisanswer说他们是“相同的”。尽管(显而易见的)它们的工作方式不同(在第一个示例中,返回将立即发生,与第二个示例不同),但为什么它们是相同的?